<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小历史</title>
	<link rel="stylesheet" type="text/css" href="static/css/index1.css">
	<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
	<script src="static/js/index.js"></script>
</head>
<body>
<header class="header">
	<div class="layout">
		<div class="logo">
			<img src="static/images/logo.png">
			<span>小历史</span>
		</div>
		<div class="menu">
			<ul>
				<li><a href="" class="current">首页</a></li>
				<li><a href="detail.html">热门文章</a></li>
				<li><a href="">时间轴</a></li>
				<li><a href="">人物线</a></li>
				<li><a href="">关于我们</a></li>
			</ul>
			<img class="person" src="static/images/person.png">
			<a href="" class="login">登录</a>
		</div>
	</div>
</header>
<div class="container">
	<div class="main">
		<div class="main-content"></div>
	</div>
	<div class="right">
	    <div class="right-tag color-one">第一个 ></div>
		<div class="right-tag color-two">第二个 ></div>
		<div class="right-tag color-three">第三个 ></div>
		<div class="right-tag color-four">第四个 ></div>
		<div class="right-tag color-five">第五个 ></div>
	</div>
</div>
<div class="about">
	<div class="item about-one">
		<span>小历史</span><br/>
		<span>关于爱生活的我们</span>
		<hr>
		<input type="button" name="" value="查看更多">
	</div>
	<div class="item about-two">
		<span>小历史</span><br/>
		<span>关于爱生活的我们</span>
		<hr>
		<input type="button" name="" value="查看更多">
	</div>
	<span class="arrow"></span>
	<div class="item about-three">
		<img src="static/images/woman.png">
	</div>
</div>
<footer class="footer">
	<div class="contact">
		<span class="main-contact">联系我们</span><br>
		<span class="sub">为了更好的获取我们最新的产品资讯，您可以留下您的电子邮箱快速订阅我们的产品资讯<br>也可以通过以下任何方式关注我们的动态</span><br>
		<input class="email" type="text" name="" placeholder="someone@email.com">
		<input class="submit" type="button" name="" value="提交">
		<div class="contact-way">
			<img src="static/images/qq.png">
			<img src="static/images/blog.png">
			<img src="static/images/bird.png">
			<img src="static/images/earth.png">
		</div>
	</div>
	<div class="back">
		<div class="content">
			<span>@2018小历史</span>
			<span id="bnt_top" class="bnt_top" style="cursor:pointer ">top</span>
			<span id="bnt_like" class="bnt_top" style="cursor:pointer ">喜欢</span>
			<span id="bnt_collection" class="bnt_top" style="cursor:pointer ">收藏</span>
		</div>
	</div>
</footer>
</body>
</html>